<template>
  <div id="mycenter">
    <p>
      我的订单 <span>查看全部订单></span>
    </p>
    <hr>
    <ul>
      <li>
        tupian <br>
        待付款
      </li>
      <li>
         tupian <br>
        待发货
      </li>
      <li>
         tupian <br>
        待收货
      </li>
      <li>
         tupian <br>
        待评价
      </li>
      <li>
         tupian <br>
        退款售后
      </li>
    </ul>
  </div>
</template>

<script>
export default {};
</script>

<style  scoped>
#mycenter{
  margin-top: 0.2rem;
  width: 100%;
  background-color:white;
  box-sizing: border-box;
   padding: 0rem 0.1rem 0rem 0.1rem;
}
#mycenter p{
  font-size: 0.3rem;
  width: 100%;
  height: 0.7rem;
  line-height: 0.7rem;

  

}
#mycenter p span{
  float: right;
font-size: 0.15rem;
}
#mycenter ul{
  display:flex;
  justify-content: space-between;
  height: 0.8rem;
 font-size: 0.2rem;
}

</style>
